﻿@using CloudClass.Models
@model dynamic
@{
    ViewBag.Title = "Index";
}

<div class="m-cloudClass">
    <div class="u-mycloudhead" id="j-cloudhead">
        <div class="g-flow">
            <div class="hc f-cb">
                <div class="f-fl pic">
                    <img src="@Href("~/Modules/CloudClass/Content/My/images/user.jpg")" class="j-headImg">
                </div>
                <div class="f-fl con">
                    <h2 class="name">
                        <span class="j-username">小狗花花,晚上好</span>
                    </h2>
                    <p class="info" id="j-random-txt">当你还不能对自己说今天学到了什么东西时，你就不要去睡觉。</p>
                </div>
            </div>
        </div>
    </div>
    <div class="u-taskremind f-pr" id="j-taskui">
        <div class="f-pr mwrap f-pa">
            <div class="g-flow">
                <div class="mcon f-cb">
                    <a href="" class="f-fr u-morelink j-link">更多</a>
                    <i class="ic f-fl"></i>
                    <div class="f-fl f-pr slidcon">
                        <p class="j-tasktxt tasktxt f-pa f-f0 f-thide"></p>
                        <p class="j-tasktxt tasktxt f-pa f-f0 f-thide"></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="b-20"></div>
    <div class="g-flow">
        <div class="f-cb">
            <div class="g-sd1" id="j-side">
                <div class="u-leftnav f-bg" id="j-navBox">
                    <ul class="tabul">
                        <li class="tabitem j-tabitem f-cb">
                            <div class="tabicon f-fl ti0"></div>
                            <a class="f-fl f-f0">我的课程</a>
                        </li>
                        <li class="tabitem j-tabitem f-cb">
                            <div class="tabicon f-fl ti1"></div>
                            <a class="f-fl f-f0">我的学习计划</a>
                        </li>
                        <li class="tabitem j-tabitem f-cb">
                            <div class="tabicon f-fl ti2"></div>
                            <a class="f-fl f-f0">我的题库</a>
                        </li>
                        <li class="tabitem j-tabitem f-cb tabitemselect">
                            <div class="tabicon f-fl ti3 ti3select"></div>
                            <a class="f-fl f-f0">关注/粉丝</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="g-mn1">
                <div id="mycloudclass-inner-box" class="g-mn1c">
                    <div class="m-myfriends f-cb">
                        <div class="u-mounav f-cb f-bg">
                            <a class="f-fl tab f-pr j-tab">
                                <span class="j-tabtxt">关注（2）</span>
                                <span class="arr"></span>
                            </a>
                            <span class="f-fl split"></span>
                            <a class="f-fl tab f-pr j-tab current">
                                <span class="j-tabtxt">粉丝（1）</span>
                                <span class="arr"></span>
                            </a>
                        </div>

                        <!--fans list-->
                        <div class="f-bg friendcon" data-bind="template:{name:'fanslist'}"></div>
                        <script type="text/html" id="fanslist">
                            <div class="j-friendsList f-cb listwrap" style="display: block;">
                                <div class="m-basepool f-cb">
                                    <div class="m-data-lists f-cb f-pr j-data-list">

                                        <div class="u-friendCard f-fl first last">
                                            <a class="j-imglink" target="_blank" href="#">
                                                <img class="j-img f-fl face" width="52" height="52" src="@Href("~/Modules/CloudClass/Content/My/images/6608553066096860482.jpg")">
                                            </a>
                                            <div class="info f-fl">
                                                <div class="f-cb">
                                                    <span class="f-fl namewrap j-namewrap">
                                                        <a target="_blank" class="j-name f-fl f-thide name" href="#">软酷网</a>
                                                        <span class="j-vipIcon f-ib u-orgVipIcon1" title="认证机构"></span>
                                                    </span>
                                                    <div class="f-fr j-gz gz">
                                                        <div class="u-usrAttOp f-cb f-ib u-usrAttOp-white j-disable j-disable-3">
                                                            <a class="op f-fr j-op">取消</a>
                                                            <span class="status j-status">相互关注</span>
                                                            <span class="sep j-sep"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <p class="j-des f-thide des">认证信息：深圳市软酷网络科技有限公司</p>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>

                            <div class="j-empty u-emptybig" style="display:none;">
                                <div class="j-emptytxt emptytext"></div>
                            </div>
                        </script>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <link href="~/Modules/CloudClass/Styles/core.css" rel="stylesheet" />
    <link href="~/Modules/CloudClass/Styles/myCloudClass.css" rel="stylesheet" />
    <script>
        $(function () {
            function Fans() {
                var self = this;
            }

            var viewModel = new Fans();

            ko.applyBindings(viewModel);
        });
    </script>
